<%@ page language="java" contentType="text/html; charset=utf-8"
	pageEncoding="utf-8" isELIgnored="false"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html lang="en">
	<%
	request.setAttribute("accessPath", request.getContextPath());
%>
<head>

	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<meta name="description" content="">
	<meta name="author" content="">

	<title>学生资料</title>

	<!-- Bootstrap Core CSS -->
	<link
	href="${ requestScope['accessPath']}/fontcss/bower_components/bootstrap/dist/css/bootstrap.min.css"
	rel="stylesheet">

	<!-- MetisMenu CSS -->
	<link
	href="${ requestScope['accessPath']}/fontcss/bower_components/metisMenu/dist/metisMenu.min.css"
	rel="stylesheet">

	<!-- DataTables CSS -->
	<link
	href="${ requestScope['accessPath']}/fontcss/bower_components/datatables-plugins/integration/bootstrap/3/dataTables.bootstrap.css"
	rel="stylesheet">

	<!-- DataTables Responsive CSS -->

	<!-- Custom CSS -->
	<link
	href="${ requestScope['accessPath']}/fontcss/dist/css/sb-admin-2.css"
	rel="stylesheet">

	<!-- Custom Fonts -->
	<link
	href="${ requestScope['accessPath']}/fontcss/bower_components/font-awesome/css/font-awesome.min.css"
	rel="stylesheet" type="text/css">

	<link
	href="${ requestScope['accessPath']}/fontcss/css/jquery-labelauty.css"
	rel="stylesheet">

	<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
	<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
	<!--[if lt IE 9]>
	<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
	<script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
	<![endif]-->
<style type="text/css">
	#page-wrapper {
		margin: 0 0 0 0px;
	}
</style>
<style>


	input.labelauty+label {
		font: 12px "Microsoft Yahei";
	}

	.table>tbody>tr>td {
		vertical-align: middle;
	}

	#avatar{
		width：150px;
		height:150px;
		-webkit-border-radius:50%;
		-moz-border-radius:50%;
		-o-border-radius:50%;
		border-radius:50%;

	}
</style>
</head>

	<body
	style="font: 14px/1.5 'Microsoft YaHei', arial, tahoma, \5b8b\4f53, sans-serif;">

		<div id="wrapper">

			<div id="page-wrapper">
				<div class="row">
					<div class="col-lg-12">
						<h1 class="page-header"
						style='font-family: "Arial", "Microsoft YaHei", "黑体", "宋体", sans-serif;'>学生信息</h1>
					</div>

				</div>

				<div class="row">
					<div class="col-lg-12">
						<div class="panel panel-default">
							<!--<div class="panel-heading">当前寝室：嵩阳苑 2栋 349</div>
						-->
						<!-- /.panel-heading -->
						<div class="panel-body"  >

							<div align="center">
								<img id ="avatar" alt="" src="${ requestScope['accessPath']}/fontcss/images/avatar.jpg"></div>
							<div id="teacherdiv">
								<div class="col-lg-12">
									<h4 class="page-header"
										style='font-family: "Arial", "Microsoft YaHei", "黑体", "宋体", sans-serif;'>联系人信息</h4>
								</div>
								<div class="row">
									<div class="col-lg-12">
										<div class="panel panel-default">

											<div class="panel-body">
												<div class="panel-body">
													<div class="table-responsive">
														<table class="table">
															<thead>
																<tr>

																	<th width="45%">身份</th>
																	<th width="40%">姓名</th>
																	<th width="20%">联系方式</th>
																</tr>
															</thead>
															<tbody>
															<c:forEach var="item" items="${slist}" varStatus="status">
																<tr>
																	<td>${item.relation}</td>
																	<td>${item.name}</td>
																	<td>${item.phone}</td>
																</tr>
															</c:forEach>
																
															</tbody>
														</table>
													</div>
													<!-- /.table-responsive -->
												</div>

											</div>

										</div>
									</div>

								</div>

								<!-- /.table-responsive -->
								<div class="well">
									<h4>公告:</h4>
									<p>
										如有个人信息有问题请联系 管理员
										<a target="_blank"
											href="https://datatables.net/">https://datatables.net/</a>
										.
									</p>

								</div>
							</div>
							<!-- /.panel-body -->
						</div>
						<!-- /.panel -->
					</div>
					<!-- /.col-lg-12 -->
				</div>
				<!-- /.row -->

			</div>
			<!-- /#page-wrapper -->

		</div>
		<!-- /#wrapper -->

		<!-- jQuery -->
		<script
			src="${ requestScope['accessPath']}/fontcss/bower_components/jquery/dist/jquery.min.js"></script>

		<!-- Bootstrap Core JavaScript -->
		<script
			src="${ requestScope['accessPath']}/fontcss/bower_components/bootstrap/dist/js/bootstrap.min.js"></script>

		<!-- Metis Menu Plugin JavaScript -->
		<script
			src="${ requestScope['accessPath']}/fontcss/bower_components/metisMenu/dist/metisMenu.min.js"></script>

		<!-- DataTables JavaScript -->
		<script
			src="${ requestScope['accessPath']}/fontcss/bower_components/datatables/media/js/jquery.dataTables.min.js"></script>
		<script
			src="${ requestScope['accessPath']}/fontcss/bower_components/datatables-plugins/integration/bootstrap/3/dataTables.bootstrap.min.js"></script>

		<!-- Custom Theme JavaScript -->
		<script
			src="${ requestScope['accessPath']}/fontcss/dist/js/sb-admin-2.js"></script>


	</body>

</html>